function fdj() {
    let btn = document.querySelector(".btn")
    let focus = document.querySelector(".btn .focus")
    let big_img = document.querySelector(".big-img ")
    let _top, _left
    var bili_left, bili_top
    let focus_size = {
        width: parseInt(getComputedStyle(focus).width),
        height: parseInt(getComputedStyle(focus).height)
    }
    let container = document.querySelector(".xiang_lef")
    var container_offset = {
        left: container.offsetLeft,
    }
    let big = document.querySelector(".big-img img")
    // console.log(big);
    let min = document.querySelector(".btn img")
    let img_list = document.querySelectorAll("#lunboUl li img")
   
    function rongqi() {
        btn.addEventListener("mouseover", function () {
            xianshi();
        })
        btn.addEventListener("mouseout", function () {
            xiaoshi();
        })
        btn.addEventListener("mousemove", function (e = Event) {
            yidong(e.clientX, e.clientY);
            datuyidong();
        })

    }
    rongqi();
    function xianshi() {
        // console.log(1);
        // console.log(focus);
        focus.style.display = "block"
        big_img.style.display = "block"
    }
    function xiaoshi() {
        focus.style.display = "none"
        big_img.style.display = "none"
    }
    function yidong(x, y) {
        _left = x - container_offset.left - focus_size.width / 2;
        _top = y - focus_size.height / 2
        if (_left > 130) {
            _left = 130
        }
        if (_left < 0) {
            _left = 0
        }
        if (_top > 130) {
            _top = 130
        }
        if (_top < 0) {
            _top = 0
        }

        focus.style.left = _left + "px";
        focus.style.top = _top + "px"
        bili_left = _left / 130;
        bili_top = _top / 130;
    }
    function datuyidong() {
        big.style.left = -bili_left * 217 + "px";
        big.style.top = -bili_top * 217 + "px";
    }

    for(let i=0;i<img_list.length;i++){
        img_list[i].addEventListener("click",function(){
            console.log(img_list[i].getAttribute('src'));
             min.src = img_list[i].getAttribute('src');
             big.src = img_list[i].getAttribute('src');
            

        })
    }
}